    <!-- Navigation -->


    <nav class="navbar navbar-inverse" id="menu" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav" style="margin-left:0px;">
                    <li>
                        <a class="navbar-brand" href="<?php echo base_url();?>">MI PERFIL</a>
                    </li>
                    <li>
                        <a href="<?php echo base_url(); ?>participantes">PARTICIPANTES</a>
                    </li>
                    <li>
                        <a href="<?php echo base_url(); ?>eventos">EVENTOS</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Page Content -->
    <div class="container">

        <div class="row">

            <!-- Blog Entries Column -->
            <div class="col-md-8">

                <h1 >
                    Bienvenido/a <?php echo $nombre;?> <img class="img-responsive" style="float:right;"src="<?php echo base_url(); ?>/images/iconos/persona.jpg" alt="">
                </h1>
            <p class="lead">
                <div class="ver">
                    <a style="font-size:28px;">Datos Personales:</a>
                </div>
                </p>
                <!-- <p><span class="glyphicon glyphicon-time"></span> Posted on August 28, 2013 at 10:00 PM</p> -->
                <a id="modif" style="float:right;margin-top:40px;">
                    <img id="ico1" src="<?php echo base_url(); ?>/images/iconos/lapiz.png">
                </a>
            <?php foreach ($usuario as $us) { ?>
            <div id="mod" style="display:none;" >
            <form accept-charset="utf-8" method="post" action="/perfilAdmin/guardarcambios">
                <h1>Modificación del Usuario <?php echo $us->nombre; ?></h1>
                <h5>Nombre</h5>
                <input type="text" id="nameForm" name="nombre" placeholder="<?php echo $us->nombre;?>" value=""size="50" />
                <h5>Apellido</h5>
                <input type="text" id="apeForm" name="apellido" placeholder="<?php echo $us->apellido;?>" value=""size="50" />
                <h5>Nombre de Usuario</h5>
                <input type="text" id="usForm" name="usuario" placeholder="<?php echo $us->usuario;?>" value="" size="50" />
                <h5>Contraseña</h5>
                <input type="text" id="passForm" name="contrasena" value="" placeholder="<?php echo $us->contrasena;?>" size="50" />
                <h5>Email</h5>
                <input id="mailForm" type="text" name="mail" placeholder="<?php echo $us->mail;?>" value="" size="50" />
                <h5>Dirección</h5>
                <input id="direForm" type="text" name="direccion" placeholder="<?php echo $us->direccion;?>" value="" size="50" />
                <h5>Teléfono</h5>
                <input id="telForm" type="text" name="telefono" placeholder="<?php echo $us->telefono;?>" value="" size="50" />
                <h5>Fecha de Nacimiento</h5>
                <input id="nacForm" type="text" name="nacimiento" placeholder="<?php echo $us->fecha_nac;?>" value="" size="50" />
                <h5>Tipo de Usuario</h5>
                <input id="tipoForm" type="text" name="tipo" placeholder="<?php echo $us->tipo;?>" value="" size="50" />
                <div><input style="margin-top:6px;"id="save" type="submit" value="Guardar Cambios" onclick="guardar();"/></div> 
            </form>
        </div> 

        <div class="ver" style="margin-top: 30px;" accept-charset="utf-8">
                <table >
                <tr >
                    <th id="cab">NOMBRE</th>
                    <th><?php echo $us->usuario;?></th>
                </tr>
                <tr >
                    <th id="cab">APELLIDO</th>
                    <th><?php echo $us->apellido;?></th>
                </tr>
                <tr >
                    <th id="cab">NOMBRE DE USUARIO</th>
                    <th><?php echo $us->nombre;?></th>
                </tr>
                <tr >
                    <th id="cab">CONTRASEÑA</th>
                    <th><?php echo $us->contrasena;?></th>
                </tr>
                <tr >
                    <th id="cab">EMAIL</th>
                    <th><?php echo $us->mail;?></th>
                </tr>
                <tr >
                    <th id="cab">DIRECCIÓN</th>
                    <th><?php echo $us->direccion;?></th>
                </tr>
                <tr >
                    <th id="cab">TELEFONO</th>
                    <th><?php echo $us->telefono;?></th>
                </tr>
                <tr >
                    <th id="cab">FECHA DE NACIMIENTO</th>
                    <th><?php echo $us->fecha_nac;?></th>
                </tr>
                <tr>
                    <th id="cab">TIPO DE USUARIO</th>
                    <th><?php echo $us->tipo;?></th>
                </tr>
                
                </table>
            </div>
        <?php } ?>
                
                <!-- <hr>
                <p> Descripción del Evento:
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, veritatis, tempora, necessitatibus inventore nisi quam quia repellat ut tempore laborum possimus eum dicta id animi corrupti debitis ipsum officiis rerum.</p>
                <a class="btn btn-primary" href="#">Leer Más <span class="glyphicon glyphicon-chevron-right"></span></a>

                <hr>  -->            
            </div>

            <!-- Blog Sidebar Widgets Column -->
            <div class="col-md-4">

                <!-- Blog Search Well -->
                <div class="well">
                    <h4>Buscar</h4>
                    <div class="input-group">
                        <input type="text" class="form-control">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">
                                <span class="glyphicon glyphicon-search"></span>
                        </button>
                        </span>
                    </div>
                    <!-- /.input-group -->
                <!-- </div> -->

                <!-- Blog Categories Well -->
                <!-- <div class="well"> -->
                    <h4>Ultimos Ingresos</h4>
                    <div class="row">
                        <div class="col-lg-6">
                            <ul class="list-unstyled">
                                <li><a href="#">Participante 3</a>
                                </li>
                                <li><a href="#">Participante 2</a>
                                </li>
                                <li><a href="#">Participante 1</a>
                                </li>
                            </ul>
                        </div>
                        
                    </div>
                  
                    <h4>Lista de Publicidades</h4>
                    <img style="margin-left:10%;" class="img-responsive" src="http://placehold.it/250x150" alt="">
                    <img style="margin-top:15px;margin-left:10%;" class="img-responsive" src="http://placehold.it/250x150" alt="">
                    <img style="margin-top:15px;margin-left:10%;" class="img-responsive" src="http://placehold.it/250x150" alt="">
                </div>

            </div>

        </div>
        <!-- /.row -->

        <hr>
</div>

    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>
    <link href="css/main.css" rel="stylesheet">
    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
    
    $(document).ready(function(){
    
        $("#modif").click(function(){ //Click Registro Arriba
            $("#mod").show();
            $(".ver").hide();   
            $("#modif").hide();
        });
    });

    function guardar() {
        
        if($('#nameForm').val()!='' && $('#apeForm').val()!='' && $('#usForm').val()!='' 
            && $('#passForm').val()!='' && $('#mailForm').val()!='' && $('#direForm').val()!=''
            && $('#telForm').val()!='' && $('#nacForm').val()!='' && $('#tipoForm').val()!=''){            

        var dataString = 'usuario='+ $('#nameForm').val() + 
            '&apellido=' + $('#apeForm').val() + 
            '&nombre=' + $('#usForm').val() + 
            '&contrasena=' + $('#passForm').val() + 
            '&mail=' + $('#mailForm').val() + 
            '&direccion=' + $('#direForm').val() + 
            '&telefono=' + $('#telForm').val() + 
            '&fecha_nac=' + $('#nacForm').val() + 
            '&tipo=' + $('#tipoForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"perfilAdmin/guardarcambios",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee el Email y la Contraseña');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }
</script>
<style type="text/css">
.Campo{
    font-size:28px;
    margin-left: 20%;
}
.valor{
    font-size: 20px;
    margin-left: 45%;
}
</style>


